<template>
  <div class="lix-container">
    <div class="lix-crd__header">
      <div class="noaddress">
        <div class="left">
          <img src="../../../static/car.png" alt="">
          <div>请选择收件人信息</div>
        </div>
        <div class="right">
          <img src="../../../static/arrow-right.png" alt="">
        </div>
      </div>
      <div class="lix-crd__seperate"></div>
    </div>
    <div class="lix-crd__content">
      <div class="lix-crd__listheader">
        <div>订单商品：</div>
        <div class="info">共计15件商品</div>
      </div>
      <div class="lix-crd__list" v-for="n in 5" :key="n">
        <van-card
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品标题"
          thumb="https://ss3.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=55312ba174310a55db24d8f487454387/09fa513d269759ee9f6ad199bffb43166d22dfae.jpg"
        />
      </div>
      <div class="lix-crd__listfooter">
        <div>小计：￥27372</div>
      </div>
      <div class="lix-crd__seperate"></div>
    </div>
    <div class="lix-crd__footer">
      <van-submit-bar
        :price="3050"
        button-text="提交订单"
        @submit="onSubmit"
      />
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
import { Card, SubmitBar } from 'vant'
Vue.use(Card).use(SubmitBar)
export default {

}
</script>

<style lang="scss">
@import "../../theme-chalk/createorder.scss";
.van-card__title {
  font-size: 15px;
  color: #544e58;
  font-weight: 600;
}
.van-card__desc {
  font-size: 13px;
  color: #98959b;
  font-weight: 500;
  margin-top: 10px;
}
.van-card__right {
  font-size: 14px;
  color: #544e58;
  font-weight: 500;
}
.van-card__num {
  color: #98959b;
}
.van-card {
  background: #fff;
  padding-top: 10px;
}
</style>
